<!DOCTYPE html>
<html>
<head>
    
    <title>Document</title>
    <style>
       *{
        padding: 0;
        margin: 0;
       }
        body{
            background-size:cover;
            background-repeat: no-repeat;
            height: 100%;
            background-image: url(5.png);
            overflow: hidden;  
        }
        input{
                outline: none;
                border: none;
                padding: 10px;
        }
        .koznak{
            height: 300px;
            width: 300px;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.596) 0%,rgba(255,255,255,0) 100%);
            margin:400px 850px;
        }
        .input{
            margin: 60px;
            width: 300px;
            height:300px;
            padding-right: 30px;
          
        }
    </style>
</head>
<body>
    <div class="koznak">
        <div class="input"><br><br><br>
           <input type="text" placeholder="用户名" width="150px" style="border-radius: 30px;height: 20px; width: 200px;"><br><br>
           <input type="password" placeholder="用户密码" width="150px" style="border-radius: 30px;height: 20px; width: 200px;"><br></td>
            </table> 
        </div>
    </div>
</body>
</html>